<template>
    <h3>componentC</h3>
    <ComponmentD  :title="title" :onEvent="dataFn"/>
    <p>{{ message }}</p>
</template>
<script>
import ComponmentD from "./ComponmentD.vue"

export default{
  components: { ComponmentD },
    data() {
        return {
            title:"C标题",
            age:12,
            names:["demo111","demo332"],
            message:''
        }
    },
    methods: {
        dataFn(data){
          console.log('C -->', data)
          this.message=data
        }
    },
}
</script>